/**
 * @author xinyang3
 * @descript 具名卡槽
 * @date 2023-11-03
 */
<template>
  <div class="layout">
    <header>
      this is header
      <slot name="header"></slot>

      <slot></slot>
      this is footer
      <slot name="footer" :text="greetingMessage" :count="1"></slot>
    </header>
  </div>
</template>
<script>
import {ref} from 'vue'
export default {
  setup() {
    const greetingMessage = ref('greetingMessage 123')

    return {
      greetingMessage
    }
  }
}
</script>